<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>BizCreator应用门户</title>
        <link rel="stylesheet" type="text/css" href="../yui/3.0.0/build/cssreset/reset-min.css"/>
        <link rel="stylesheet" type="text/css" href="../yui/3.0.0/build/cssfonts/fonts-min.css"/>
        <link rel="stylesheet" type="text/css" href="../yui/3.0.0/build/cssgrids/grids-min.css"/>
        <link rel="stylesheet" type="text/css" href="../yui/3.0.0/build/cssbase/base-min.css"/>
        <link rel="stylesheet" type="text/css" href="assets/Main.css"/>
        <script type="text/javascript">
            //	Hide the menu while its dependencies are being loaded
            document.documentElement.className = "yui-loading";//
        </script>
    </h:head>

    <h:body class="yui-skin-sam">
        <div class="yui-d0">

            <h1>Header</h1>

            <div class="yui-t1">

                <div class="yui-main">
                    <div class="yui-b">

                        <div id="productsandservices" class="yui-menu yui-menu-horizontal yui-menubuttonnav">
                            <div class="yui-menu-content">
                                <ul class="first-of-type">
                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://www.yahoo.com/">首页</a></li>
                                    <li>
                                        <a class="yui-menu-label" href="#connect"><em>系统设计</em></a>
                                        <div id="connect" class="yui-menu">
                                            <div class="yui-menu-content">
                                                <ul>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://developer.yahoo.com/">数据模型</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://www.flickr.com">模块设置</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://profiles.yahoo.com">表单设计</a> </li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://mobile.yahoo.com">查询设计</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://mybloglog.yahoo.com/">报表设计</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://pride.yahoo.com/">打印模板</a></li>

                                                </ul>
                                                <ul>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://pride.yahoo.com/">菜单设计</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <a class="yui-menu-label" href="#find-info"><em>权限管理</em></a>
                                        <div id="find-info" class="yui-menu">
                                            <div class="yui-menu-content">
                                                <ul>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://answers.yahoo.com">用户</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://babelfish.yahoo.com/">角色</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://info.yahoo.com/">群组</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://search.yahoo.com/cc">权限</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <a class="yui-menu-label" href="#lifestyles"><em>系统管理</em></a>
                                        <div id="lifestyles" class="yui-menu">
                                            <div class="yui-menu-content">
                                                <ul>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://autos.yahoo.com">序列号</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://food.yahoo.com">系统参数</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://green.yahoo.com">单据编号</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://health.yahoo.com">值列表</a></li>
                                                    <li class="yui-menuitem"><a class="yui-menuitem-content" href="http://pride.yahoo.com">系统日志</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>

                        <p class="first-of-type">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

                        <form>

                            <div>
                                <label for="field-1">Field One</label>
                                <input type="text" id="field-1" name="field-1"/>
                            </div>

                            <div>
                                <label for="field-2">Field Two</label>
                                <input type="text" id="field-2" name="field-2"/>
                            </div>

                            <div>
                                <label for="field-3">Field Three</label>
                                <select id="field-3" name="field-3">
                                    <option value="1">Field Three - Option One</option>
                                    <option value="2">Field Three - Option Two</option>
                                    <option value="3">Field Three - Option Two</option>
                                </select>
                            </div>

                        </form>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

                    </div>
                </div>
                <div class="yui-b">

                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

                </div>

            </div>

            <div id="footer">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
            </div>

        </div>

        <!-- YUI Seed -->
        <script type="text/javascript" src="../yui/3.0.0/build/yui/yui.js"></script>
        <script type="text/javascript" src="js/Main.js"></script>
    </h:body>


</html>

